body {
  background-image: url('../images/bg@2x\ 3.png');
}
.active {
  background-image: url('../images/矩形_1@2x\ 2.png') !important;
}
.footer {
  position: fixed;
  top: 50.7188vw;
  left: 14.5833vw;
  width: 70.7813vw;
  height: 11.0417vw;
}
.main {
  display: flex;
  justify-content: space-between;
  padding: 0.7292vw 1.25vw 0;
}
.main .box {
  width: 21.1458vw;
  height: 15.625vw;
  margin-bottom: 0.8333vw;
}
.main .box > div:nth-child(2) {
  height: 13.6458vw;
}
.main .left .box:nth-child(1) .title {
  height: 2.4479vw;
  background: url('../images/标题@2x\ 2.png') 0 0 / cover;
}
.main .left .box:nth-child(2) .title {
  height: 2.4479vw;
  background: url('../images/编组_3@2x.png') 0 0 / cover;
}
.main .left .box:nth-child(3) .title {
  height: 2.4479vw;
  background: url('../images/编组_4@2x.png') 0 0 / cover;
}
.main .center {
  display: flex;
  justify-content: space-around;
  width: 46.5104vw;
  height: 5.7813vw;
  background: url('../images/背景@2x\ 2.png') 0 0 / cover;
}
.main .center .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 9.1146vw;
  font-size: 0.8333vw;
  color: #E0E0E0;
  text-align: center;
}
.main .center .item span {
  color: #F7B12A;
  font-size: 1.6667vw;
  font-family: DIN Alternate, DIN Alternate-Bold;
}
.main .right .box:nth-child(1) .title {
  height: 2.4479vw;
  background: url('../images/编组@2x\ 2.png') 0 0 / cover;
}
.main .right .box:nth-child(2) .title {
  height: 2.4479vw;
  background: url('../images/编组_1@2x\ 2.png') 0 0 / cover;
}
.main .right .box:nth-child(3) .title {
  height: 2.4479vw;
  background: url('../images/编组_2@2x.png') 0 0 / cover;
}
.main .box1 {
  position: relative;
  top: -1.5625vw;
}
.main .box1 .select {
  position: absolute;
  width: 6.0417vw;
  height: 1.3542vw;
  left: 14.2708vw;
  top: -0.5208vw;
  background: transparent;
  color: #ccc;
  font-size: 0.7292vw;
  outline: none;
}
.main .box1 .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  left: 0.7813vw;
  bottom: 1.0417vw;
  width: 19.5833vw;
  height: 9.1667vw;
}
.main .box1 .content > div {
  display: flex;
  height: 2.3438vw;
  font-size: 0.7292vw;
  color: #fff;
}
.main .box1 .content > div img {
  width: 2.8125vw;
  height: 2.3438vw;
}
.main .box1 .content > div .row {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
.main .box1 .content > div .row::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.3646vw;
  height: 0.0521vw;
  width: 100%;
  background-color: #0EA0B0;
}
.main .box1 .content > div .row span {
  color: #00E6FF;
  font-size: 1.25vw;
  font-family: DIN Alternate, DIN Alternate-Bold;
}
